<template>
  <a-modal
    title="查看详情"
    :width="1000"
    :maskClosable="false"
    :visible="visible"
    @cancel="visible = false"
  >
    <a slot="footer">
      <a-button @click="visible = false">关闭</a-button>
    </a>
    <a-spin :indicator="indicator" :spinning="spinning" :tip="tip">
      <div class="spin-content">
        <a-descriptions bordered :column="2">
          <a-descriptions-item label="走访工作人员">
            workingPersonnel
          </a-descriptions-item>
          <a-descriptions-item label="走访方式">
            visitType
          </a-descriptions-item>
          <a-descriptions-item label="被走访人">
            visitPersonRelationship
          </a-descriptions-item>
          <a-descriptions-item label="走访时间">
            visitDate
          </a-descriptions-item>
          <a-descriptions-item label="走访地点">
            visitAddress
          </a-descriptions-item>
          <a-descriptions-item label="户籍地实际居住地一致">
            isLiveConsistent
          </a-descriptions-item>
          <a-descriptions-item label="家庭、邻里关系">
            neighborhoodRelationships
          </a-descriptions-item>
          <a-descriptions-item label="工作、学习情况">
            workSituation
          </a-descriptions-item>
          <a-descriptions-item label="是否无业且不愿参加任何职业技能培训">
            isUnemployed
          </a-descriptions-item>
          <a-descriptions-item label="社会交往">
            socialInteraction
          </a-descriptions-item>
          <a-descriptions-item label="不良嗜好">
            isBadHabit
          </a-descriptions-item>
          <a-descriptions-item label="思想动态">
            ideologicalTrends
          </a-descriptions-item>
          <a-descriptions-item label="身体健康状况">
            health
          </a-descriptions-item>
          <a-descriptions-item label="是否特困家庭">
            isDestitute
          </a-descriptions-item>
          <a-descriptions-item label="现实表现情况">
            performance
          </a-descriptions-item>
          <a-descriptions-item label="是否存在债务纠纷">
            isDispute
          </a-descriptions-item>
          <a-descriptions-item label="是否存在涉访涉诉">
            isPetition
          </a-descriptions-item>
          <a-descriptions-item label="是否存在安全风险">
            isDanger
          </a-descriptions-item>
          <a-descriptions-item label="是否配合走访帮教">
            isCooperate
          </a-descriptions-item>
          <a-descriptions-item label="照片拍摄情况">
            photographSituation
          </a-descriptions-item>
          <a-descriptions-item label="走访照片">
            VisitImages
          </a-descriptions-item>
         </a-descriptions>
      </div>
    </a-spin>
  </a-modal>
</template>

<script>
export default {
  name: "",
  components: {},
  props: [],
  data() {
    return {
      visible: false,
      button_loading: false,
      spinning: false,
      tip: null,
      indicator: <a-icon type="loading" style="font-size: 24px" spin />,
      detail:{}
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    view(data) {
      if (data) {
        Object.assign(this, {
          spinning: true,
          visible: true,
          CodeDisabled: false,
          currentId: data.id,
        });
        this.initData(data);
      }
    },
  },
};
</script>
<style>
/** lang='less' scoped */
</style>
